<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{margin: 0;padding: 0;}
			.box1{width: 800px;height: 100px;}
			.box1 img{margin-left: 10px;vertical-align: middle;}
			.box1 a{display:inline-block;font-size: 20px;padding-left: 10px;line-height: 100px;}
			#box2{width:800px;height:400px;position: relative;}
			#box{position: absolute;left:500px;bottom:150px;
			width: 240px;height: 150px;background: white;}
			#box2 #box tr{font-size: 13px;}
			table{margin-left: 37px;margin-top: 25px;}
			table span{display: inline-block;width: 120px;height: 24px;background: red;border-radius: 9px;line-height: 24px;margin-left: 15px;text-align: center;}
			.box5 p{font-size: 15px;display: block;margin-left: 100px;}
			.box5 .p1{font-size: 13px;display: block;margin-left: 200px;}
		</style>
	</head>
	<body>
		<div class="box1">
			<P><img src="img/logo.png" alt=" "  width="170px" height="70px"/><a herf="#">欢迎登录</a></P>
		</div>
		<div id="box2">
			<img src="img/banner.png" alt="" width="800px" height="400px">
			<div id="box">
				<table>
					<tr>
						<td>京东会员</td>
						<td>立即注册</td>
					</tr>
					<tr>
						<td colspan="2"><img src="img/icon1.jpg" alt="" width="16px" height="16px"><input type="text" name="邮政"></td>
					</tr>
					<tr>
						<td colspan="2"><img src="img/icon2.jpg" alt="" width="16px" height="16px"><input type="text" name="邮政"></td>
					</tr>
					<tr>
						<td><input type="checkbox" value="自动登录" />自动登录</td>
						<td>忘记密码</td>
					</tr>
					<tr>
						<td char="2"><span>登录</span></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="box5">
			<P>关于我们<span>|</span>联系我们<span>|</span>人才招聘<span>|</span>广告入职<span>|</span>友情链接<span>|</span>销售联盟<span>|</span>京东社区<span>|</span>京东公益<span>|</span>English</P>
			<p class="p1">CopyRight@copy2004-2017京东JD.com版权所有</p>
		</div>
	</body>
</html>
